<template>
  <div class="app-container home">
    <div class="home-content">
      <img :src="imgSrc" alt="图片加载失败">
      <h3>欢迎使用</h3>
      <p>请选择具体栏目，进行操作</p>
    </div>
  </div>
</template>

<script>
import home from '@/assets/images/home.png'
export default {
  data() {
    return {
      imgSrc: home
    }
  }
}
</script>

<style scoped lang="scss">
  .home-content{
    width: 400px;
    margin: 0 auto;
    padding-top: 140px;
    text-align: center;
    img{
      width: 400px;
      height: 266px;
    }
    h3{
      margin-top: 40px;
      font-size: 20px;
      color: #971111;
    }
    p{
      font-size: 16px;
      margin-top: 20px;
    }
  }
</style>